import styled from "styled-components";

export const SwiperBannerWrapper = styled.div`
  position: relative;
  .bannersItem {
    position: relative;
    .bg {
      height: 480px;
    }
    .img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  }

  .leftIcon {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
    cursor: pointer;
  }
  .rightIcon {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    cursor: pointer;
  }
`;
